<!DOCTYPE html>
<html class="signin no-js">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
    <meta name="description" content="${AppName!}">
    <title>${AppName!}</title>
    <!-- css -->
    <link rel="stylesheet" href="${base!}/assets/plugins/layui/css/layui.css">
    <link rel="stylesheet" href="${base!}/assets/css/index.css?_=${version!}">
    <!-- js -->
    <script type="text/javascript">
        var base = '${base}';
    </script>

    <script type="text/javascript" src="${base!}/assets/plugins/layui/layui.js"></script>
    <script type="text/javascript" src="${base!}/assets/plugins/vue/vue.js"></script>
</head>

<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!-- 顶部 -->
    <div class="layui-header">
        <div class="layui-logo">layui 后台布局</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="${base}/">WebSocket 在线测试</a></li>
            <li class="layui-nav-item"><a href="${base}/">WebSocket 客户端</a></li>
            <li class="layui-nav-item"><a href="${base}/chat">WebSocket 在线聊天室</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">其它</a>
                <dl class="layui-nav-child">
                    <dd><a href="">作者简介</a></dd>
                    <dd><a href="">项目说明</a></dd>
                    <dd><a href="">其他项目</a></dd>
                </dl>
            </li>
        </ul>
    </div>
    <div class="layui-body">
        ${layoutContent}
    </div>
    <!-- 底部 -->
    <%include("/layouts/footer.html"){}%>
</div>

<script type="text/javascript" src="${base!}/assets/js/index.js?_=${version!}"></script>
</body>
</html>